<!DOCTYPE html>
<html lang="zh">

<head>
    <script async src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" >
    </script>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({
        google_ad_client: "ca-pub-8550836177608334",
        enable_page_level_ads: true
    });
    </script>
    <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?c05bb16ea908292af9f6c513087a1cc3";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="author" content="viggo" />
    <title>通通无版权导航</title>
    <meta name="keywords" content="无版权,免费素材,无版权资源导航,网址导航,资源资源,创意导航,创意网站导航,无版权网址大全,自媒体素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,哔哩哔哩导航,B站网址大全,公众号网址导航,自媒体网址导航,新媒体网址导航,http://surfsir.gitee.io/tongtong/cn/index.html">
    <meta name="description" content="WebStack - 收集国内外优秀无版权网站、免费资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。http://surfsir.gitee.io/tongtong/cn/index.html">
    <link rel="shortcut icon" href="../assets/images/tongtong.png">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
    <link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css">
    <link rel="stylesheet" href="../assets/css/fonts/fontawesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../assets/css/bootstrap.css">
    <link rel="stylesheet" href="../assets/css/xenon-core.css">
    <link rel="stylesheet" href="../assets/css/xenon-components.css">
    <link rel="stylesheet" href="../assets/css/xenon-skins.css">
    <link rel="stylesheet" href="../assets/css/nav.css">
    <script src="../assets/js/jquery-1.11.1.min.js"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- / FB Open Graph -->
    <meta property="og:type" content="article">
    <meta property="og:url" content="http://surfsir.gitee.io/tongtong/cn/index.html">
    <meta property="og:title" content="收集国内外优秀设计网站、免费资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。通通无版权导航">
    <meta property="og:description" content="无版权资源,无版权素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,免费无版权网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,通通无版权导航">
    <meta property="og:image" content="http://surfsir.gitee.io/tongtong/assets/images/tongtonglogo.png">
    <meta property="og:site_name" content="收集国内外优秀设计网站、无版权资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。通通无版权导航">
    <!-- / Twitter Cards -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="收集国内外优秀设计网站、免费资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。通通无版权导航">
    <meta name="twitter:description" content="无版权,免费素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,自媒体网址大全,公众号素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,通通无版权导航">
    <meta name="twitter:image" content="http://surfsir.gitee.io/tongtong/assets/images/tongtonglogo.png">
</head>

<body class="page-body">
    <!-- skin-white -->
	
    <div class="page-container">		
        <div class="sidebar-menu toggle-others fixed">
            <div class="sidebar-menu-inner">				
                <header class="logo-env">
                    <!-- logo -->
                    <div class="logo">
                        <a href="../cn/index.html" class="logo-expanded">
                            <img src="../assets/images/tongtonglogo.png" width="100%" alt="" />
                        </a>
                        <a href="../cn/index.html" class="logo-collapsed">
                            <img src="../assets/images/tongtonglogo.png" width="40" alt="" />
                        </a>
                    </div>
                    <div class="mobile-menu-toggle visible-xs">
                        <a href="#" data-toggle="user-info-menu">
                            <i class="linecons-cog"></i>
                        </a>
                        <a href="#" data-toggle="mobile-menu">
                            <i class="fa-bars"></i>
                        </a>
                    </div>
                </header>
                <ul id="main-menu" class="main-menu">
                    <li>
                        <a href="#今日推荐" class="smooth">
                            <i class="linecons-star"></i>
                            <span class="title">今日推荐</span>
                        </a>
                    </li>       
                    <li>
                        <a>
                            <i class="linecons-photo"></i>
                            <span class="title">无版权图片</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#图片" class="smooth">
                                    <span class="title">图片</span>
                                </a>
                            </li>                           
                            <li>
                                <a href="#图标" class="smooth">
                                    <span class="title">图标</span>
                                </a>
                            </li>                           
                        </ul>
                    </li>
                    <li>
                        <a>
                            <i class="linecons-music"></i>
                            <span class="title">无版权音乐</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#音乐" class="smooth">
                                    <span class="title">音乐</span>
                                </a>
                            </li>
                            <li>
                                <a href="#音效" class="smooth">
                                    <span class="title">音效</span>
                                </a>
                            </li>                                                       
                        </ul>
                    </li>                    
					<li>
					    <a href="#无版权视频" class="smooth">
					        <i class="linecons-tv"></i>
					        <span class="title">无版权视频</span>
					    </a>                  
					</li>
                    <li>
                        <a href="#无版权字体" class="font">
                            <i class="linecons-pencil"></i>
                            <span class="title">无版权字体</span>
                        </a>                       
                    </li>
                    <li>
                        <a href="../assets/about.html">
                            <i class="linecons-heart"></i>
                            <span class="tooltip-blue">联系本站</span>
                            <span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
                        </a>
                    </li>
                    <!-- <div class="submit-tag">
                        <a href="about.html">
                            <i class="linecons-heart"></i>
                            <span class="tooltip-blue">关于本站</span>
                            <span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
                        </a>
                    </div> -->
                </ul>
            </div>
        </div>
        <div class="main-content">			
			<nav class="navbar user-info-navbar" role="navigation">				
			    <!-- User Info, Notifications and Menu Bar -->
			    <!-- Left links for user info navbar -->
			    <ul class="user-info-menu left-links list-inline list-unstyled">
			        <li class="hidden-sm hidden-xs">
			            <a href="#" data-toggle="sidebar">
			                <i class="fa-bars"></i>
			            </a>
			        </li>						        
			    </ul>
				<img style="position: absolute; top: 0; right: 0; border: 0;" src="../assets/images/bg.png">
			</nav>
            <!-- 常用推荐 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="今日推荐"></i>今日推荐</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.pexels.com/zh-cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.pexels.com/zh-cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.pexels.com/assets/icons/pexels-icon-644533b609157fd990b1a6675626d63077ae1fb81e819c83f81dc2242877d413.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Pexels</strong>
                                </a>
                                <p class="overflowClip_2">高质量的无版权图片网站</p>
                            </div>														
                        </div>
                    </div>
                </div>
				
				
				<div class="col-sm-3">
				    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.easyicon.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.easyicon.net/">
				        <div class="xe-comment-entry">
				            <a class="xe-user-img">
				                <img data-src="../assets/images/logos/easyicon.png" class="lozad img-circle" width="40">
				            </a>
				            <div class="xe-comment">
				                <a href="#" class="xe-user-name overflowClip_1">
				                    <strong>easyicon</strong>
				                </a>
				                <p class="overflowClip_2">简洁明快的免费图标网站。</p>
				            </div>
				        </div>
				    </div>
				</div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ear0.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.ear0.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.ear0.com/public/images/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>耳聆网</strong>
                                </a>
                                <p class="overflowClip_2">音效很丰富，但需要登录</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://coverr.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://coverr.co/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://coverr.co/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Coverr</strong>
                                </a>
                                <p class="overflowClip_2">不错的免费视频素材网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ziticangku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.ziticangku.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.ziticangku.com/wp-content/uploads/2020/02/05145304279.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>字体仓库</strong>
                                </a>
                                <p class="overflowClip_2">最全的免费商用字体库</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!-- END 常用推荐 -->
			<!-- 图形创意 -->
			<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="图片"></i>图片</h4>
			<div class="row">
			    <div class="col-sm-3">
			        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.pexels.com/zh-cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.pexels.com/zh-cn/">
			            <div class="xe-comment-entry">
			                <a class="xe-user-img">
			                    <img data-src="https://www.pexels.com/assets/icons/pexels-icon-644533b609157fd990b1a6675626d63077ae1fb81e819c83f81dc2242877d413.png" class="lozad img-circle" width="40">
			                </a>
			                <div class="xe-comment">
			                    <a href="#" class="xe-user-name overflowClip_1">
			                        <strong>Pexels</strong>
			                    </a>
			                    <p class="overflowClip_2">高质量的无版权图片网站</p>
			                </div>
			            </div>
			        </div>
			    </div>
			    <div class="col-sm-3">
			        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://pixabay.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://pixabay.com/">
			            <div class="xe-comment-entry">
			                <a class="xe-user-img">
			                    <img data-src="https://pixabay.com/apple-touch-icon.png" class="lozad img-circle" width="40">
			                </a>
			                <div class="xe-comment">
			                    <a href="#" class="xe-user-name overflowClip_1">
			                        <strong>pixabay</strong>
			                    </a>
			                    <p class="overflowClip_2">仅次于Pexels的无版权图片网站</p>
			                </div>
			            </div>
			        </div>
			    </div>
			    <div class="col-sm-3">
			        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://unsplash.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://unsplash.com/">
			            <div class="xe-comment-entry">
			                <a class="xe-user-img">
			                    <img data-src="https://unsplash.com/apple-touch-icon.png" class="lozad img-circle" width="40">
			                </a>
			                <div class="xe-comment">
			                    <a href="#" class="xe-user-name overflowClip_1">
			                        <strong>unsplash</strong>
			                    </a>
			                    <p class="overflowClip_2">纯英文版且高质量</p>
			                </div>
			            </div>
			        </div>
			    </div>
			    <div class="col-sm-3">
			        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://streetwill.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://streetwill.co/">
			            <div class="xe-comment-entry">
			                <a class="xe-user-img">
			                    <img data-src="http://streetwill.co/favicon.png" class="lozad img-circle" width="40">
			                </a>
			                <div class="xe-comment">
			                    <a href="#" class="xe-user-name overflowClip_1">
			                        <strong>streetwill</strong>
			                    </a>
			                    <p class="overflowClip_2">挺别致的网页，然而较卡</p>
			                </div>
			            </div>
			        </div>
			    </div>
			</div>
			<div class="row">
			    <div class="col-sm-3">
			        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://gratisography.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://gratisography.com/">
			            <div class="xe-comment-entry">
			                <a class="xe-user-img">
			                    <img data-src="https://gratisography.com/wp-content/themes/gratis-v3/favicon.png" class="lozad img-circle" width="40">
			                </a>
			                <div class="xe-comment">
			                    <a href="#" class="xe-user-name overflowClip_1">
			                        <strong>gratisography</strong>
			                    </a>
			                    <p class="overflowClip_2">别有创意的图片网站</p>
			                </div>
			            </div>
			        </div>
			    </div>			    
			    <div class="col-sm-3">
			        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.freestockimages.ru/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.freestockimages.ru/">
			            <div class="xe-comment-entry">
			                <a class="xe-user-img">
			                    <img data-src="https://static.wixstatic.com/media/632d61_30381799a06b453f92d05b98f0ae0080~mv2.jpg/v1/fill/w_32%2Ch_32%2Clg_1%2Cusm_0.66_1.00_0.01/632d61_30381799a06b453f92d05b98f0ae0080~mv2.jpg" class="lozad img-circle" width="40">
			                </a>
			                <div class="xe-comment">
			                    <a href="#" class="xe-user-name overflowClip_1">
			                        <strong>freestockimages</strong>
			                    </a>
			                    <p class="overflowClip_2">貌似是俄罗斯的图片网站</p>
			                </div>
			            </div>
			        </div>
			    </div>
				<div class="col-sm-3">
				    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://foter.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://foter.com/">
				        <div class="xe-comment-entry">
				            <a class="xe-user-img">
				                <img data-src="https://foter.com/img/favicon/favicon.ico" class="lozad img-circle" width="40">
				            </a>
				            <div class="xe-comment">
				                <a href="#" class="xe-user-name overflowClip_1">
				                    <strong>foter-部分可商用</strong>
				                </a>
				                <p class="overflowClip_2">偏商业风的图片网站</p>
				            </div>
				        </div>
				    </div>
				</div>
			</div>
			<br />
			<!--END 图形创意 -->
			<!-- 交互动效 -->
			<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="图标"></i>图标</h4>
			<div class="row">
			    <div class="col-sm-3">
			        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.easyicon.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.easyicon.net/">
			            <div class="xe-comment-entry">
			                <a class="xe-user-img">
			                    <img data-src="../assets/images/logos/easyicon.png" class="lozad img-circle" width="40">
			                </a>
			                <div class="xe-comment">
			                    <a href="#" class="xe-user-name overflowClip_1">
			                        <strong>easyicon</strong>
			                    </a>
			                    <p class="overflowClip_2">简洁明快的免费图标网站。</p>
			                </div>
			            </div>
			        </div>
			    </div>
			    <div class="col-sm-3">
			        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://iconstore.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://iconstore.co/">
			            <div class="xe-comment-entry">
			                <a class="xe-user-img">
			                    <img data-src="https://iconstore.co/assets/img/main/favicon.svg" class="lozad img-circle" width="40">
			                </a>
			                <div class="xe-comment">
			                    <a href="#" class="xe-user-name overflowClip_1">
			                        <strong>iconstore</strong>
			                    </a>
			                    <p class="overflowClip_2">样式繁多，许多人使用</p>
			                </div>
			            </div>
			        </div>
			    </div>
			    <div class="col-sm-3">
			        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.androidicons.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.androidicons.com/">
			            <div class="xe-comment-entry">
			                <a class="xe-user-img">
			                    <img data-src="https://www.androidicons.com/favicon.ico" class="lozad img-circle" width="40">
			                </a>
			                <div class="xe-comment">
			                    <a href="#" class="xe-user-name overflowClip_1">
			                        <strong>AndroidIcons</strong>
			                    </a>
			                    <p class="overflowClip_2">良心的免费图标套图网站</p>
			                </div>
			            </div>
			        </div>
			    </div>
			    <div class="col-sm-3">
			        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://linea.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://linea.io/">
			            <div class="xe-comment-entry">
			                <a class="xe-user-img">
			                    <img data-src="../assets/images/logos/linea.png" class="lozad img-circle" width="40">
			                </a>
			                <div class="xe-comment">
			                    <a href="#" class="xe-user-name overflowClip_1">
			                        <strong>Linea</strong>
			                    </a>
			                    <p class="overflowClip_2">黑白简约风的小众图标网站</p>
			                </div>
			            </div>
			        </div>
			    </div>
			</div>
			<div class="row">
			    <div class="col-sm-3">
			        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://flat-icon-design.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://flat-icon-design.com/">
			            <div class="xe-comment-entry">
			                <a class="xe-user-img">
			                    <img data-src="http://flat-icon-design.com/fab/apple-touch-icon-120x120.png" class="lozad img-circle" width="40">
			                </a>
			                <div class="xe-comment">
			                    <a href="#" class="xe-user-name overflowClip_1">
			                        <strong>flat-icon-design</strong>
			                    </a>
			                    <p class="overflowClip_2">日版高质量图标网站，图标中的战斗机</p>
			                </div>
			            </div>
			        </div>
			    </div>
				<div class="col-sm-3">
				    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.flaticon.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.flaticon.com/">
				        <div class="xe-comment-entry">
				            <a class="xe-user-img">
				                <img data-src="https://media.flaticon.com/dist/min/img/favicon.ico" class="lozad img-circle" width="40">
				            </a>
				            <div class="xe-comment">
				                <a href="#" class="xe-user-name overflowClip_1">
				                    <strong>flaticon-部分可商用</strong>
				                </a>
				                <p class="overflowClip_2">搜索各平台图标，商用需署名</p>
				            </div>
				        </div>
				    </div>
				</div>
			</div>
			<br />
			<!--END 交互动效 -->
           
            <!-- 图标素材 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="音乐"></i>音乐</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://freepd.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://freepd.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://freepd.com/apple-touch-icon.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>FreeFD</strong>
                                </a>
                                <p class="overflowClip_2">高质量的免费音乐网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://freemusicarchive.org/home', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://freemusicarchive.org/home">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://freemusicarchive.org/legacy/fma-smaller.jpg" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Free Music Archive </strong>
                                </a>
                                <p class="overflowClip_2">质量还不错</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://ektoplazm.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://ektoplazm.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://ektoplazm.com/wp-content/themes/xenocide/favicon.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Ektoplazm</strong>
                                </a>
                                <p class="overflowClip_2">画风科幻的无版权音乐网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://cctrax.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://cctrax.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cctrax.com/android-chrome-192x192.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>cctrax-部分可商用</strong>
                                </a>
                                <p class="overflowClip_2">种类丰富，但有些仅供私人使用</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.hmix.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.hmix.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://www.hmix.net/img/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>フリーBGM-部分可商用</strong>
                                </a>
                                <p class="overflowClip_2">日版网站，BGM音乐素材</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div> 
            <br />
            <!--END 图标素材 -->
            <!-- 平面素材 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="音效"></i>音效</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ear0.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.ear0.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.ear0.com/public/images/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>耳聆网</strong>
                                </a>
                                <p class="overflowClip_2">音效很丰富，但需要登录</p>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-sm-3">
				    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.tosound.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.tosound.com/">
				        <div class="xe-comment-entry">
				            <a class="xe-user-img">
				                <img data-src="https://www.tosound.com/favicon.ico" class="lozad img-circle" width="40">
				            </a>
				            <div class="xe-comment">
				                <a href="#" class="xe-user-name overflowClip_1">
				                    <strong>淘声网-部分可商用</strong>
				                </a>
				                <p class="overflowClip_2">质量很高，下载较繁琐，有数量限制</p>
				            </div>
				        </div>
				    </div>
				</div>
            </div>
            <br />
            <!--END 素材图库 -->

			<!-- 发现产品 -->
			<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="无版权视频"></i>视频</h4>
			<div class="row">
			    <div class="col-sm-3">
			        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.pexels.com/zh-cn/videos/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.pexels.com/zh-cn/videos/">
			            <div class="xe-comment-entry">
			                <a class="xe-user-img">
			                    <img data-src="https://www.pexels.com/assets/icons/pexels-icon-644533b609157fd990b1a6675626d63077ae1fb81e819c83f81dc2242877d413.png" class="lozad img-circle" width="40">
			                </a>
			                <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
			                <div class="xe-comment">
			                    <a href="#" class="xe-user-name overflowClip_1">
			                        <strong>Pexels视频</strong>
			                    </a>
			                    <p class="overflowClip_2">主打无版权图片，然而视频资源也挺丰富</p>
			                </div>
			            </div>
			        </div>
			    </div>
			    <div class="col-sm-3">
			        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://pixabay.com/videos/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://pixabay.com/videos/">
			            <div class="xe-comment-entry">
			                <a class="xe-user-img">
			                    <img data-src="https://pixabay.com/apple-touch-icon.png" class="lozad img-circle" width="40">
			                </a>
			                <div class="xe-comment">
			                    <a href="#" class="xe-user-name overflowClip_1">
			                        <strong>Pixabay视频</strong>
			                    </a>
			                    <p class="overflowClip_2">略逊于Pexels视频</p>
			                </div>
			            </div>
			        </div>
			    </div>
			    <div class="col-sm-3">
			        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://coverr.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://coverr.co/">
			            <div class="xe-comment-entry">
			                <a class="xe-user-img">
			                    <img data-src="https://coverr.co/favicon.ico" class="lozad img-circle" width="40">
			                </a>
			                <div class="xe-comment">
			                    <a href="#" class="xe-user-name overflowClip_1">
			                        <strong>Coverr</strong>
			                    </a>
			                    <p class="overflowClip_2">不错的免费视频素材网站</p>
			                </div>
			            </div>
			        </div>
			    </div>
			    <div class="col-sm-3">
			        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://lifeofvids.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://lifeofvids.com/">
			            <div class="xe-comment-entry">
			                <a class="xe-user-img">
			                    <img data-src="https://lifeofvids.com/favicon.ico" class="lozad img-circle" width="40">
			                </a>
			                <div class="xe-comment">
			                    <a href="#" class="xe-user-name overflowClip_1">
			                        <strong>Life of Vids</strong>
			                    </a>
			                    <p class="overflowClip_2">加拿大LEEROY创意工作室</p>
			                </div>
			            </div>
			        </div>
			    </div>
			</div>
			<div class="row">
			    <div class="col-sm-3">
			        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ignitemotion.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.ignitemotion.com/">
			            <div class="xe-comment-entry">
			                <a class="xe-user-img">
			                    <img data-src="https://www.ignitemotion.com/wp-includes/images/w-logo-blue-white-bg.png" class="lozad img-circle" width="40">
			                </a>
			                <div class="xe-comment">
			                    <a href="#" class="xe-user-name overflowClip_1">
			                        <strong>Ignite Motion</strong>
			                    </a>
			                    <p class="overflowClip_2">有很多关于太空类的视频</p>
			                </div>
			            </div>
			        </div>
			    </div>
				
				<div class="col-sm-3">
				    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://vidlery.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://vidlery.com/">
				        <div class="xe-comment-entry">
				            <a class="xe-user-img">
				                <img data-src="http://vidlery.com/wp-content/themes/vidlery/img/favicon/apple-icon-120x120.png" class="lozad img-circle" width="40">
				            </a>
				            <div class="xe-comment">
				                <a href="#" class="xe-user-name overflowClip_1">
				                    <strong>Vidlery</strong>
				                </a>
				                <p class="overflowClip_2">专注于动画素材</p>
				            </div>
				        </div>
				    </div>
				</div>
				
			    <div class="col-sm-3">
			        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://faxian.appinn.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://faxian.appinn.com/">
			            <div class="xe-comment-entry">
			                <a class="xe-user-img">
			                    <img data-src="https://cutestockfootage.com/wp-content/uploads/2021/01/cropped-favicon-180x180.png" class="lozad img-circle" width="40">
			                </a>
			                <div class="xe-comment">
			                    <a href="#" class="xe-user-name overflowClip_1">
			                        <strong>CuteStockFootage</strong>
			                    </a>
			                    <p class="overflowClip_2">综合全面的免费素材网站</p>
			                </div>
			            </div>
			        </div>
			    </div>
				<div class="col-sm-3">
				    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.videezy.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.videezy.com/">
				        <div class="xe-comment-entry">
				            <a class="xe-user-img">
				                <img data-src="https://www.videezy.com/favicon.ico" class="lozad img-circle" width="40">
				            </a>
				            <div class="xe-comment">
				                <a href="#" class="xe-user-name overflowClip_1">
				                    <strong>Videezy-部分可商用</strong>
				                </a>
				                <p class="overflowClip_2">既有免费，也有付费</p>
				            </div>
				        </div>
				    </div>
				</div>
				<div class="col-sm-3">
				    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mazwai.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://mazwai.com/">
				        <div class="xe-comment-entry">
				            <a class="xe-user-img">
				                <img data-src="https://mazwai.com/assets/images/svg/logo.svg" class="lozad img-circle" width="40">
				            </a>
				            <div class="xe-comment">
				                <a href="#" class="xe-user-name overflowClip_1">
				                    <strong>Mazwai-部分可商用</strong>
				                </a>
				                <p class="overflowClip_2">需要署名原作者</p>
				            </div>
				        </div>
				    </div>
				</div>
			</div>
			<br />
			<!--END 发现产品 -->
			
            <!-- 设计规范 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="无版权字体"></i>字体</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ziticangku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.ziticangku.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.ziticangku.com/wp-content/uploads/2020/02/05145304279.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>字体仓库</strong>
                                </a>
                                <p class="overflowClip_2">最全的免费商用字体库</p>
                            </div>
                        </div>
                    </div>
                </div>
				
				<div class="col-sm-3">
				    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://izihun.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://izihun.com/">
				        <div class="xe-comment-entry">
				            <a class="xe-user-img">
				                <img data-src="https://js.izihun.com/web/site/index/images/index.v4/logo3.png" class="lozad img-circle" width="40">
				            </a>
				            <div class="xe-comment">
				                <a href="#" class="xe-user-name overflowClip_1">
				                    <strong>字魂网<strong>
				                </a>
				                <p class="overflowClip_2">让所有人用得起正版字体</p>
				            </div>
				        </div>
				    </div>
				</div>
				
				<div class="col-sm-3">
				    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://51font.17font.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://51font.17font.com/">
				        <div class="xe-comment-entry">
				            <a class="xe-user-img">
				                <img data-src="https://resources.17font.com/fontfree/favicon.ico" class="lozad img-circle" width="40">
				            </a>
				            <div class="xe-comment">
				                <a href="#" class="xe-user-name overflowClip_1">
				                    <strong>51Font<strong>
				                </a>
				                <p class="overflowClip_2">开源免费字体发布平台</p>
				            </div>
				        </div>
				    </div>
				</div>
				
				<div class="col-sm-3">
				    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://51ifonts.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://51ifonts.com/">
				        <div class="xe-comment-entry">
				            <a class="xe-user-img">
				                <img data-src="https://pic.51ifonts.com/images/common/logo4.1.png" class="lozad img-circle" width="40">
				            </a>
				            <div class="xe-comment">
				                <a href="#" class="xe-user-name overflowClip_1">
				                    <strong>iFonts<strong>
				                </a>
				                <p class="overflowClip_2">字体管理神器</p>
				            </div>
				        </div>
				    </div>
				</div>	
				
            </div>
			
            <br />
            <!--END UED团队 -->
            <!-- Main Footer -->
            <!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
            <!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
            <!-- Or class "fixed" to  always fix the footer to the end of page -->
            <footer class="main-footer sticky footer-type-1">
                <div class="footer-inner">
                    <!-- Add your copyright text here -->
                    <p><strong>联系邮箱：</strong></p>
                    <p><strong>1805547157@qq.com</strong></p>
                </div>
            </footer>
        </div>
    </div>
    <!-- 锚点平滑移动 -->
    <script type="text/javascript">
    $(document).ready(function() {
         //img lazy loaded
         const observer = lozad();
         observer.observe();

        $(document).on('click', '.has-sub', function(){
            var _this = $(this)
            if(!$(this).hasClass('expanded')) {
               setTimeout(function(){
                    _this.find('ul').attr("style","")
               }, 300);
              
            } else {
                $('.has-sub ul').each(function(id,ele){
                    var _that = $(this)
                    if(_this.find('ul')[0] != ele) {
                        setTimeout(function(){
                            _that.attr("style","")
                        }, 300);
                    }
                })
            }
        })
        $('.user-info-menu .hidden-sm').click(function(){
            if($('.sidebar-menu').hasClass('collapsed')) {
                $('.has-sub.expanded > ul').attr("style","")
            } else {
                $('.has-sub.expanded > ul').show()
            }
        })
        $("#main-menu li ul li").click(function() {
            $(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
            $(this).addClass('active'); // 添加当前元素的样式
        });
        $("a.smooth").click(function(ev) {
            ev.preventDefault();

            public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
            ps_destroy();
            $("html, body").animate({
                scrollTop: $($(this).attr("href")).offset().top - 30
            }, {
                duration: 500,
                easing: "swing"
            });
        });
        return false;
    });

    var href = "";
    var pos = 0;
    $("a.smooth").click(function(e) {
        $("#main-menu li").each(function() {
            $(this).removeClass("active");
        });
        $(this).parent("li").addClass("active");
        e.preventDefault();
        href = $(this).attr("href");
        pos = $(href).position().top - 30;
    });
    </script>
    <!-- Bottom Scripts -->
    <script src="../assets/js/bootstrap.min.js"></script>
    <script src="../assets/js/TweenMax.min.js"></script>
    <script src="../assets/js/resizeable.js"></script>
    <script src="../assets/js/joinable.js"></script>
    <script src="../assets/js/xenon-api.js"></script>
    <script src="../assets/js/xenon-toggles.js"></script>
    <!-- JavaScripts initializations and stuff -->
    <script src="../assets/js/xenon-custom.js"></script>
    <script src="../assets/js/lozad.js"></script>
</body>

</html>
